<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="qinianqing">
    <title>康桥地产</title>
    <style>
        html {
            height: 100%;
        }
        
        body {
            margin: 0;
            height: 100%;
        }
        
        section {
            width: 100%;
            position: relative;
        }
        
        section img {
            width: 100%;
        }
        div{
            
            width: 15vw;
            height: auto;
           background-color: black;
           opacity: 0.7;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
             text-align: center;
            position: absolute;
            left: 0px;
            top: calc(100% / 7);
        }
        a{
         color: white;
         font-size: 2.5vw;
         text-decoration: none;
        }
    </style>
</head>

<body>
    <main>
        <section><img src="img/yxl.jpg" alt="">
            <div>
                <a href="yxl.html">康桥原溪里</a>
            </div>
        </section>
        <section><img src="img/jxj.jpg" alt="">
            <div>
                <a href="">康桥九溪郡</a>
            </div>
        </section>
        <section><img src="img/kc.jpg" alt="">
            <div>
                <a href="lxw.html">康桥林溪湾</a>
            </div>
        </section>
        </section>
        <section><img src="img/lc.jpg" alt="">
            <div>
                <a href="">康桥溪塘</a>
            </div>
        </section>
        </section>
        <section><img src="img/yc.jpg" alt="">
            <div>
                <a href="">康桥悦岛</a>
            </div>
        </section>
        </section>
        <section><img src="img/yd.jpg" alt="">
            <div>
                <a href="">康桥康城</a>
            </div>
        </section>
        </section>
        <section><img src="img/zy.jpg" alt="">
            <div>
                <a href="">康桥郎城</a>
            </div>
        </section>
        </section>
        <section><img src="img/xxj.jpg" alt="">
            <div>
                <a href="">康桥悦城</a>
            </div>
        </section>
        </section>
        <section><img src="img/lxw.jpg" alt="">
            <div>
                <a href="">康桥香溪郡</a>
            </div>
        </section>
        </section>
        <section><img src="img/yxl.jpg" alt="">
            <div>
                <a href="">康桥知园</a>
            </div>
        </section>
        </section>

    </main>
</body>

</html>